<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
        <meta content="yes" name="apple-mobile-web-app-capable" />
        <meta content="black" name="apple-mobile-web-app-status-bar-style" />
        <meta content="telephone=no" name="format-detection" />
        <title><{$Project.name}></title>
        <meta name="description" content="409" />
        <link rel="stylesheet" href="__PUBLIC__/v3/css/touch.css" />
        <script src="__PUBLIC__/v3/js/jquery-2.1.3.min.js" type="text/javascript"></script>
        <script src="__PUBLIC__/v3/js/app.js" type="text/javascript"></script>
        <script src="__PUBLIC__/v3/js/jquery.masonry.min.js" type="text/javascript"></script>
        <style>.slider{display:none;} .focus span{width:5px;height:5px;margin-left:5px;border-radius:50%;background:#CDCDCD;font-size:0} .focus span.current{background: #1ada4b;} #sound-play{display: none;}</style>
        <style type="text/css">#ads_c_tpc,[class^="ad_float_"],.a_fl,.a_fr,.a_h,.a_pb,.a_pr,.wp.a_f,#ad_text,[id^="ad_headerbanner"],.ad1,#abgne_float_ad,.ad_pip,[id^="ad_thread"],.ad2,.a_cn,.bm.a_c,#ad_wrapper,[id^="ad_footerbanner"],[id^="lovexin1"] {display:none!important;display:none} .ad,.ad-980x90,.ad-text,[id^="pushAd_"],#sitefocus.focus,.top-ad,.adsbygoogle,[class^="ad_headerbanner"],#gg_head,.ad_column,#header_ad,[class$="_topad"],img[src*="/common/cf/"],#adtext,#ad_headerbanner,font.jammer {display:none!important;display:none} .wp.a_t {display:none!important;display:none} .a_pt {display:none!important;display:none} .a_mu {display:none!important;display:none}</style>
    </head>
    <body>
        <header>
            <div class="m_head clearfix">
                <img src="__PUBLIC__/v3/img/theme.jpg" style="width: 100%;" />
                <div class="num_box">
                    <ul class="num_box_ul">
                        <li>
                            <span class="text">已报名</span>
                            <span><{$Project.hxrnums}></span></li>
                        <li>
                            <span class="text">投票量</span>
                            <span><{$Project.votesum}></span></li>
                        <li>
                            <span class="text">访问量</span>
                            <span><{$Project.visitnum}></span></li>
                    </ul>
                    <img src="__PUBLIC__/v3/img/pixel.gif" />
                </div>
                <div class="search">
                    <form action="<{:U('search')}>" id="search_form" method="post">
                        <div class="search_con">
                            <div class="btn">
                                <input type="submit" name="seachid" id="searchBtn" value="搜索"></div>
                            <div class="text_box">
                                <input type="search" id="searchText" value="" name="keyword" placeholder="搜索名字或编号" autocomplete="off"></div>
                        </div>
                    </form>
                </div>
            </div>
        </header>
        <section class="content" id="get_info" data-rid="503" data-sort="" data-kw="" data-page="">
            <div class="text_a clearfix" id="sort">
                <a id="nav_new" href="#" class="active">最新参赛</a>
                <a id="nav_top" href="<{:U('ranKingList')}>">投票排行</a>
                <a id="nav_toplist" href="<{:U('ranKingTop')}>">TOP榜</a>
            </div>
            <div class="blank20"></div>
            <div id="pageCon" class="match_page masonry" style="padding-bottom: 50px">
                <ul class="list_box masonry clearfix">
                     <foreach name="User" item="vo">
                     	<!--   图片像素使用  500*331    -->
	            		<li class="picCon masonry-brick">
	                        <div>
	                            <i class="number"><{$vo.huid}>号</i>
	                            <a href="<{:U('userInfo',array('huid' => $vo['huid']))}>" class="img">
	                                <img src="<{$vo.perpic}>" alt="<{$vo.lables}>" /></a>
	                            <div class="clearfix">
	                                <p>【<{$vo.personame}>】<{$vo.lables}> <{$vo.daynums}>票</p>
	                                <a class="vote voting" data-itid="<{$vo.huid}>">投票</a></div>
	                        </div>
	                    </li>
					</foreach>
                </ul>
            </div>
            <div class="pagination pagination-centered">
                <style>.pagination .tp_page {text-align: center} .pagination .tp_page a,.pagination .tp_page span{/*float:left;*/display: inline-block;text-align: center;font-size: 15px;line-height: 28px;box-sizing: border-box;border-radius: 5px;cursor: pointer;border: 1px solid #e52030;margin-right: 0;} .pagination .tp_page a,.pagination .tp_page span {display:inline-block;padding: 0 8px;color:#e52030;margin-left: 5px;} .pagination .tp_page span {background-color: #e52030;color: #fff;}</style>
                <div class="tp_page"><{$Page}></div>
            </div> 
        </section>
        <script>
	        var vote_url = "<{:U('clickVote')}>";
	    	var verify_url = "<{:U('Verify')}>";
	        $(function() {
	                var container = $('#pageCon ul');
	          		container.imagesLoaded(function() {
                    container.masonry({
                        itemSelector: '.picCon'
                    });
                });
            });
        </script>
        <img class="bg" src="__PUBLIC__/v3/img/pixel.gif" />
        <section class="rules">
            <div class="text">
                <div class="prize" id="hdsm">活动说明</div>
                <div class="neirong">
                    <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; color: rgb(62, 62, 62); font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', 'Apple Color Emoji', 'Emoji Symbols Font', 'Segoe UI Symbol', Arial, sans-serif; line-height: 25.6px; white-space: normal;"><{$Project.picdes}><{$Project.rule}></p>
                    <p><br/></p>
                </div>
                <div class="prize">奖品及领奖说明</div>
                <div class="neirong">
                    <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; color: rgb(62, 62, 62); font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', 'Apple Color Emoji', 'Emoji Symbols Font', 'Segoe UI Symbol', Arial, sans-serif; line-height: 25.6px; white-space: normal;"><{$Project.reward}></p>
                    <p><br/></p>
                </div>
            </div>
            <div class="text">
                <div class="ways">活动规则</div>
                <div class="neirong">
                    <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; color: rgb(62, 62, 62); font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', 'Apple Color Emoji', 'Emoji Symbols Font', 'Segoe UI Symbol', Arial, sans-serif; line-height: 25.6px; white-space: normal;">活动开始时间：<{$Project.startime}></p>
                    <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; color: rgb(62, 62, 62); font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', 'Apple Color Emoji', 'Emoji Symbols Font', 'Segoe UI Symbol', Arial, sans-serif; line-height: 25.6px; white-space: normal;">活动结束时间：<{$Project.endtime}></p>
                    <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; color: rgb(62, 62, 62); font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', 'Apple Color Emoji', 'Emoji Symbols Font', 'Segoe UI Symbol', Arial, sans-serif; line-height: 25.6px; white-space: normal;"><br/></p>
                    <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; color: rgb(62, 62, 62); font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', 'Apple Color Emoji', 'Emoji Symbols Font', 'Segoe UI Symbol', Arial, sans-serif; line-height: 25.6px; white-space: normal;">投票规则：<{$Project.voteway}></p>
                    <p><br/></p>
                </div>
            </div>
            <div style=" height:60px; width:100%; display:block;"></div>
        </section>
        <section>
            <div class="pop" id="voted" style="display:none;">
                <div class="mengceng"></div>
                <div class="pop_up">
                    <span class="closed close_pop_up" id="toupiaook">&nbsp;</span>
                    <p class="tit_p" id="dia_title">投票成功!</p>
                    <p class="tit_txt" id="content">恭喜您为您支持的选手投上了一票！</p>
                </div>
            </div>
            <div class="pop" id="verify" style="display:none;">
                <div class="mengceng"></div>
                <div class="pop_up">
                    <span class="closed close_pop_up" onclick="$('#verify').hide()">&nbsp;</span>
                    <p class="tit_p" id="verify_title">身份验证</p>
                    <p class="tit_txt" id="verify_content">首次投票需进行身份证后六位验证！</p>&nbsp;&nbsp;
                   	   姓名：<input id="personame" style="margin-bottom: 5px;height: 25px;border:0;border-radius: 5px;"><br>
                   	身份证：<input id="joinflag"  style="margin-bottom: 5px;height: 25px;border:0;border-radius: 5px;"><br>
                   	<button type="button" id="verify_button" style="width: 68px;height: 30px; border:0;border-radius: 5px;">提交</button>
                </div>
            </div>
            <div class="pop" id="voting" style="display:none;">
                <div class="mengceng"></div>
                <div class="pop_up">
                    <p class="tit_p" id="voting_title"></p>
                    <p class="tit_txt" id="voting_content"></p>
                </div>
            </div>
        </section>
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/v3/css/daohang.css" />
        <div class="bot_main">
            <ul>
                <style>.bot_main li.ico_1 { width: 49%; } .bot_main li.ico_2 { width: 49%; }</style>
                <li class="ico_1">
                    <span class="ico">
                        <img src="__PUBLIC__/v3/img/i1.png" /></span>
                    <span class="txt">首页</span></li>
                <li class="ico_2">
                    <span class="ico">
                        <img src="__PUBLIC__/v3/img/i3.png" /></span>
                    <span class="txt">排名</span></li>
            </ul>
        </div>
        <script type="text/javascript">
            $(function() {
                $("#toupiaook").on('click',
                function() {
                    window.location.reload();
                });
            });
            $('.ico_1').on('click',
            function() {
                window.location.href = "#";
            });
            $('.ico_2').on('click',
            function() {
                window.location.href = "<{:U('ranKingTop')}>";
            });
        </script>
    </body>
</html>